<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/template.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="body">
        <p:growl id="growl" showDetail="true" showSummary="false" globalOnly="true" autoUpdate="true" life="4000" />
        <p:fieldset id="fieldSetRegistrar" legend="Registro de Usuario">
            <h:form id="frmRegistrar">
                <h:panelGrid id="pnlGridRegistrar" columns="4" styleClass="pnlGrid">
                    <p:outputLabel for="txtNombre" value="Nombres" />
                    <p:inputText id="txtNombre" value="#{usuarioController.usuario.nombre}" required="true" />

                    <p:outputLabel for="txtApellido" value="Apellidos" />
                    <p:inputText id="txtApellido" value="#{usuarioController.usuario.apellido}" required="true" />

                    <p:outputLabel for="txtNick" value="Nick" />
                    <p:inputText id="txtNick" value="#{usuarioController.usuario.nick}" required="true" />

                    <p:outputLabel for="pass" value="Contraseña" />
                    <p:password id="pass" value="#{usuarioController.usuario.password}" feedback="true" weakLabel="Débil" 
                                goodLabel="Bueno" strongLabel="Seguro" promptLabel=" " required="true"/>

                    <p:outputLabel for="txtEmail" value="Correo Electrónico" />
                    <p:inputText id="txtEmail" value="#{usuarioController.usuario.email}" required="true" />
                </h:panelGrid>

                <div class="divTextArea">
                    <p:outputLabel for="txtInfoBiografica" value="Información Biográfica" />
                    <p:inputTextarea id="txtInfoBiografica" value="#{usuarioController.usuario.biografia}" maxlength="250" required="true" />
                </div>

                <div styleClass="buttonBar">
                    <p:commandButton id="btnRegistrar" value="Aceptar" process="@form" 
                                     update="@form" actionListener="#{usuarioController.registrar}" />
                    <p:commandButton id="btnCancelar" value="Cancelar" process="@this"
                                     action="#{usuarioController.cancelarRegistro}"
                                     icon="ui-icon-cancel" />
                </div>

            </h:form>
        </p:fieldset>
    </ui:define>

</ui:composition>

